<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
<style>
  body{
    background-color: #fbfbfb;
  }
  .sign-inner {

    box-shadow: 0 0 10px rgba(0,0,0,.1);
  }
  .signLogo{
    display: block;
  }
  .signLogo>img{
    margin: 0 auto;
    display: block;
    width:350px;
    padding-top: 94px;

  }
  .login-main {
    padding-top: 0;
  }
  .signup-step {
    margin: 30px auto;

  }
</style>

<div class="container" ng-controller="SignInController">
  <a class="signLogo" href="index"><img src="static/frontend_new/img/logos.png" alt=""></a>
  <div class="row login-main">
    <div class="signup-step ng-scope"></div>
    <div class=" col-reg">

      <div class="sign-form">
        <div class="sign-inner">
          <h3 class="first-child">登录账号</h3>

          <form role="form" name="form" ng-submit="ok()">
            <div class="form-group">
              <input type="text" class="form-control" name="username" id="username" placeholder="用户名"
                     data-toggle="popover" data-placement="left" data-trigger="focus"
                     data-original-title="Name" ng-model="username" ng-unique required>
            </div>

            <div class="form-group">
              <input type="password" class="form-control" placeholder="登录密码" data-toggle="popover"
                     data-placement="left" data-trigger="focus" data-original-title="password" ng-model="password"
                     required>
            </div>


            <div class="form-group">

              <div class="error-text" ng-if="form.username.$error.unique && isUserInfoError">
                <span class="txt-color-red">用户名或密码错误，请重新输入</span>
              </div>
              <div class="error-text"
                   ng-if="form.username.$touched && !form.username.$error.unique ">
                用户名不存在
              </div>

              <button type="submit" class=" btn btn-primary">立即登录</button>

              <style>
                video {
                  width: 100%;
                }

                .login-main {
                  margin-bottom: 0 !important;
                }

                .float-left {
                  float: left;
                  padding-top: 10px;
                }

                .float-right {
                  float: right;
                  padding-top: 10px;
                }

                .col-reg .btn-primary {
                  margin-top: 0px !important;
                }
              </style>

              <div style="clear:both"></div>
            </div>

            <div class="form-group" style="margin-bottom: 0px;">

              <style>

                .float-left {
                  float: left;
                  padding-top: 10px;
                }

                .float-right {
                  float: right;
                  padding-top: 10px;
                }

              </style>
              <div class="float-left"><a ui-sref="resetpwd">忘记密码？</a></div>

              <div class="float-right"><a ui-sref="signup">立即注册</a></div>
              <div style="clear:both"></div>
            </div>
          </form>
        </div>
      </div>

    </div>
  </div>
</div>


<script>
  minHeight = 629;
  var clientH = $(window).height();
  $(window).resize(function () {
    clientH = $(window).height();
  });
  $(".login-main").css("padding-bottom", clientH - 217 - 84 - 364);
</script>
</body>
</html>